<template>
    <div class="nav-menu-box">
      <el-menu
        :default-active="activePath"
        class="el-menu-vertical-demo"
        active-text-color="rgba(138,198,209,1)"
        :router="true">
      
        <el-menu-item index="/all-food">
          <i class="el-icon-s-shop"></i>
          <span slot="title">全部商家</span>
        </el-menu-item>
      
        <el-menu-item index="/all-shop">
          <i class="el-icon-menu"></i>
          <span slot="title">全部商品</span>
        </el-menu-item>

        <el-menu-item index="/all-order">
          <i class="el-icon-document"></i>
          <span slot="title">全部订单</span>
        </el-menu-item>


        <el-menu-item index="/all-user">
          <i class="el-icon-s-custom"></i>
          <span slot="title">全部用户</span>
        </el-menu-item>

        <el-menu-item index="/feedback">
          <i class="el-icon-message"></i>
          <span slot="title">用户反馈</span>
        </el-menu-item>

        <el-menu-item index="/custom-service">
          <i class="el-icon-s-comment"></i>
          <span slot="title">在线客服</span>
        </el-menu-item>
      </el-menu>
    </div>
</template>
 
<script>
export default {
    name: "nav-menu",
    data() {
        return {
          
        };
    },
    methods: {
    },
    computed: {
        activePath() {
          return this.$route.path
        }
    }

}
</script>
 
<style scoped>
.nav-menu-box{
  width: 200px;
  height: 100%;
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #dedede;
}

.nav-menu-box >>> ul {
  border-right: none;
  background-color: inherit;
}
</style>